<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/sy.css">
</head>
<body>
    <script src="../js/sy.js"></script>
    <body>
        <div class="header">
            <img src="../assets/images/header_logo.png" alt="">
            <img src="../assets/images/header_app.png" alt="">
        </div>
        <div class="search">
            <input type="text" value="请输入你想要的产品">
            <button>搜索</button>
        </div>
        <div class="container">
            <div class="col">
                <div class="col-icon">
                    <img src="../assets/images/download.png" alt="">
                    <p>比价搜索</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/gengduo.png" alt="">
                    <p>省钱控</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/haitao.png" alt="">
                    <p>国内折扣</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/ic_bcj.png" alt="">
                    <p>白菜价</p>
                </div>
            </div>
            <div class="col">
                <div class="col-icon">
                    <img src="../assets/images/ic_coudanpin.png" alt="">
                    <p>海淘折扣</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/ic_cu.png" alt="">
                    <p>优惠券</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/ic_kb.png" alt="">
                    <p>查历史价</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/ic_mall.png" alt="">
                    <p>更多</p>
                </div>
            </div>
            <div class="col">
                <div class="col-icon">
                    <img src="../assets/images/ic_pp.png" alt="">
                    <p>凑单品</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/ic_search.png" alt="">
                    <p>口碑排行</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/ic_temai.png" alt="">
                    <p>商城导航</p>
                </div>
                <div class="col-icon">
                    <img src="../assets/images/ic_trend.png" alt="">
                    <p>品牌大全</p>
                </div>
            </div>
        </div>
        <div class="section">
            <span>超值优惠推荐</span>
            <img src="../assets/images/more.png" alt="">
        </div>
        <ul></ul>
        <div class="more">
            <a href="#">更多优惠信息>>></a>
        </div>
        <div class="chart">
            <span>品牌排行</span>
            <img src="../assets/images/more.png" alt="">
        </div>
        <div class="nav">
            <div>登入</div>
            <div>注册</div>
            <div>返回顶部</div>
        </div>
        <div class="footer">
            <div class="top">
                <a href="#">手机APP下载</a>
                <a href="#">万锋智慧商城手机版</a>
                <a href="#"> -- 掌上比价平台</a>
            </div>
            <p>chst.vip:8081/crm</p>
        </div>
</body>
</html>